<body>
    <div id="phone_preview_div">
        <div id="phone_preview_div2">
        </div>
    </div>
    <script>
        window.addEventListener("message", getVueData)
        function getVueData(event) {
            console.log(event.data)
            let htmlContent = event.data.content;
            var oPreview = document.querySelector("#phone_preview_div2");//抓取dom
            oPreview.innerHTML = htmlContent;//插入元素
        }
    </script>

    <style>

    img {
        max-width: 100%; /*图片自适应宽度*/
    }

    body{
        background-color: unset;
        font: 12px/1.5 sans-serif, "宋体", "Arial Narrow", HELVETICA;
        color: #646464;
        margin: 0px;
    }

    /* {
        box-sizing:border-box;
        position:absolute;top:50%;left: 50%;
        transform: translate(-50%, -50%);
        padding: 98px 23px 102px;
        width: 369px;
        height: 756px;
        background-size:369px 756px;
    } */

    #phone_preview_div{
        
        box-sizing: border-box;
        position: absolute;
        width: 356px;
        height: 713px;
        padding: 50px 25px 25px 28px;
        background: url('http://nwyh.sxsihe.com/admin/static/ueditor/themes/default/images/phoneBg.png') no-repeat center;
        background-size: cover;

        /* overflow-y: scroll; */

    }

    #phone_preview_div2{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        border-radius: 0 0 25px 25px;
    }

    #phone_preview_div2::-webkit-scrollbar {
        display: none; /* 对于Chrome、Safari等 */
    }

    </style>

</body>